<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>#TITLE</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width">

	<link rel="stylesheet" href="frontend/include/css/normalize.css">
	<link rel="stylesheet" href="frontend/include/css/base.css">
	<link rel="stylesheet" href="frontend/include/css/grid.css">
	<link rel="stylesheet" href="frontend/include/css/style.css">

	<script src="frontend/include/js/modernizr-2.6.2.min.js"></script>
	
	<link rel="stylesheet" href="frontend/include/jquery.treeview/jquery.treeview.css" />
	
	<script src="frontend/include/jquery.treeview/lib/jquery.js" type="text/javascript"></script>
	<script src="frontend/include/jquery.treeview/lib/jquery.cookie.js" type="text/javascript"></script>
	<script src="frontend/include/jquery.treeview/jquery.treeview.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		$(function() {
			$("#tree").treeview({
				collapsed: true,
				animated: "medium",
				control:"#sidetreecontrol",
				persist: "location"
			});
		})
	</script>
	
	<link rel="stylesheet" href="frontend/templates/default/css/layout.css">
	<link rel="stylesheet" href="frontend/templates/default/css/colors.css">
	<link rel="stylesheet" href="frontend/templates/default/css/uielements.css">
	
</head>
<body class="main_background">

<div class="container clearfix">
	<div class="grid_5 left_column">
		<div class="title_box">
			<a href="http://quimeraengine.org"></a>
				<span class="group_tag">#Group</span>
			
		</div>
		
	</div>
	<div class="grid_8 center_column">
		<div class="center_column_row1">
			<div class="prize_box">
				<img src="frontend/templates/default/media/prize.png" class="prize_image_box" /> <!-- #ImageUrlFromDB -->
			</div>
		</div>
		<div class="center_column_row2">
			<table class="prize_description_panel">
			<tbody>
				<tr>
					<td class="points_column">
						<span class="points_for_prize_box">#Pts</span>
					</td>
					<td class="info_column">
						<div class="prize_description_box">
							<span class="name_tag">#PrizeName</span> <span class="period_tag">(#PrizePeriod)</span><br/>
							<span class="description_tag">#PrizeDescription</span><br/>
						</div>
					</td>
					<td class="rightside_column">
						<span class="prize_description_rightside"></span>
					</td>
				</tr>
			</tbody>
			</table>
		</div>
		<div class="center_column_row3">
			<div class="ranking_list_box">
				<table class="ranking_list">
				<tbody>
					<tr class="ranking_item highlighted">
						<td class="points_column">
							<span class="points_tag">159</span>
						</td>
						<td class="info_column">
							<span class="info_tag">Thund</span>
						</td>
						<td class="rightside_column">
						</td>
					</tr>
					<tr class="ranking_item_normal">
						<td class="points_column">
							<span class="points_tag">#pts</span>
						</td>
						<td class="info_column">
							<span class="info_tag">#info</span>
						</td>
						<td class="rightside_column">
						</td>
					</tr>
					<tr class="ranking_item_normal">
						<td class="points_column">
							<span class="points_tag">#pts</span>
						</td>
						<td class="info_column">
							<span class="info_tag">#info</span>
						</td>
						<td class="rightside_column">
						</td>
					</tr>
					<tr class="ranking_item_normal">
						<td class="points_column">
							<span class="points_tag">#pts</span>
						</td>
						<td class="info_column">
							<span class="info_tag">#info</span>
						</td>
						<td class="rightside_column">
						</td>
					</tr>
					<tr class="ranking_item_normal">
						<td class="points_column">
							<span class="points_tag">#pts</span>
						</td>
						<td class="info_column">
							<span class="info_tag">#info</span>
						</td>
						<td class="rightside_column">
						</td>
					</tr>
					<tr class="ranking_item_normal">
						<td class="points_column">
							<span class="points_tag">#pts</span>
						</td>
						<td class="info_column">
							<span class="info_tag">#info</span>
						</td>
						<td class="rightside_column">
						</td>
					</tr>
				</tbody>
				</table>
			</div>
		</div>
	</div>

	<div class="grid_5 pull_13 left_column">
		<div class="history_box">
			<span class="history_title_tag">#HistoryTreeTitle</span>
			<div id="sidetree" class="history_tree">
			<ul id="tree">
				<li><span class="tree_group_tag">Group 1</span>
					<ul>
						<li><a href="#">10/12/2013 - 2/1/2014 (Battlefield 3)</a></li>
						<li><a href="#">3/1/2014 - 2/2/2014 (Fez)</a></li>
						<li><a href="#">2/2/2013 - 15/4/2014 (T-shirt)</a></li>
					</ul>
				</li>
				<li><span class="tree_group_tag">Group 2</span>
					<ul>
						<li><a href="#">10/12/2013 - 2/1/2014 (Battlefield 3)</a></li>
						<li><a href="#">3/1/2014 - 2/2/2014 (Fez)</a></li>
						<li><a href="#">2/2/2013 - 15/4/2014 (T-shirt)</a></li>
					</ul>
				</li>
				<li><span class="tree_group_tag">Group 3</span>
					<ul>
						<li><a href="#">10/12/2013 - 2/1/2014 (Battlefield 3)</a></li>
					</ul>
				</li>

			</ul>
			</div>
		</div>
	</div>
	<div class="grid_5 pull_13 left_column">
		<div class="rules_box">
			<a href="#">#Rules</a>
		</div>
	</div>
</div>

<script src="frontend/include/js/scripts.js"></script>
</body>
</html>